<template>
    <div class="page-wrap user-page">
        <user-table :data="userData"></user-table>
    </div>
</template>

<script>
    import UserTable from '@/components/UserPage/UserTable'
    import { useStore } from 'vuex';
    import { computed } from 'vue'

    export default {
        name: "UserPage",
        components: {
            UserTable
        },

        setup() {
            const store = useStore(),
                state = store.state;

            return {
                userData: computed(() => state.userData),
            }
        }
    }
</script>

<style scoped>

</style>